<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="__PUBLIC__/css/base.css" type="text/css" rel="stylesheet" />
<link href="__PUBLIC__/css/cycle/cycle.css" type="text/css" rel="stylesheet" />
<title>多彩气质宝贝-国际化儿童早教机构</title>
<script type="text/javascript" src="__PUBLIC__/js/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/cycle/jquery.cycle.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	  jQuery('#banner').cycle({ 
			fx:'scrollLeft',
			pager:'#btn'
	  });
	});


</script>

</head>

<body onload="menu0display()">

<include file="./Tpl/default/Index/header.html" />
<!------------------img ad begin---------------------------->

<div class="posnR fLeft mR10 w670 overflow" style="height: 380px;">

<div class="posnR w670" id="ifocus" style="height: 380px;">

	<div id="banner">    	
	        <volist name="list_info_publish_middle" id="vo">	        
	        	<a href="__APP__/Article/showlist/id/{$vo['id']}" target="_blank"><img src="{$vo['imageurl']}" width="670" height="380"></a>			
			</volist>
	</div>

	<div id="btn" ></div>

</div>
<!--ifocus end--></div>
<!------------------img ad end---------------------------->
<div class="fLeft w268 border-s-Orange">
<p class="bgImg Gray"
	style="background-position: 0 -368px; height: 30px; padding: 12px 0 0px 40px;"><a
	class="font14 fontbold" target="_blank" href="__APP__/NewsRelease/">新闻动态</a></p>
<ul class="overflow w92auto line22 ulDisc p5">
	<volist name="last_update_list_news" id="vo">
	<li><a href="__APP__/Article/showlist/id/{$vo['id']}" target="_blank">{$vo['title']}</a></li>
	</volist>
</ul>
</div>
<div class="fLeft w268 mT10 border-s-Blue">
<p class="bgImg Gray"
	style="background-position: 0 -427px; height: 30px; padding: 12px 0 0px 40px;"><a
	class="font14 fontbold" target="_blank" href="__APP__/Video/">精彩视频</a></p>
<ul class="overflow w92auto line22 ulDisc p5">
	<volist name="list_info_video" id="vo">
	<li><a href="__APP__/Article/showlist/id/{$vo['id']}" target="_blank">{$vo['title']}</a></li>
	</volist>
</ul>
</div>
<div class="mT10 fLeft"
	style="background-color: #FF0; background: url(__PUBLIC__/image/fcbg.gif) no-repeat; width: 670px; height: 165px;">
<p class="font18 p10 mT10 white"
	style="padding-left: 50px; font-family: '微软雅黑';">学员风采</p>

<div id="demo" class="overflow mL10 mT10" style="width: 97%;">
<div id="indemo" class="fLeft" style="width: 500%;">
<div id="demo1" class="mAuto overflow fLeft">

	<volist name="list_info_publish_bottem" id="vo"> <a	
		href="__APP__/Blog/showDetail/id/{$vo['id']}"
		target="_blank"
		class="fLeft lineBorder mR10"
		style="background-color: #fff; padding: 2px;"><img align="middle"
		border="0" width="118" height="90" src="{$vo['imageurl']}" /></a> 
	</volist> 


<a href="#" class="fLeft lineBorder mR10"
	style="background-color: #fff; padding: 2px;"><img align="middle"
	border="0" width="118" height="90" src="#" /></a> 
<a href="#"
	class="fLeft lineBorder mR10"
	style="background-color: #fff; padding: 2px;"><img align="middle"
	border="0" width="118" height="90" src="#" /></a> 
<a href="#"
	class="fLeft lineBorder mR10"
	style="background-color: #fff; padding: 2px;"><img align="middle"
	border="0" width="118" height="90" src="#" /></a> 
<a href="#"
	class="fLeft lineBorder mR10"
	style="background-color: #fff; padding: 2px;"><img align="middle"
	border="0" width="118" height="90" src="#" /></a>

</div>
<div id="demo2" class="fLeft" style=""></div>
</div>
</div>
<script>

var speed=90;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

</script></div>
<div class="bgImg fLeft w270 mT10 mL10"
	style="background-position: 0 -482px; height: 165px;">
	<p class="Gray" style="height: 30px; padding: 12px 0 0px 43px;"><a
		class="font14 fontbold" href="__APP__/Appraise/">家长评价</a>
	</p>
	<ul class="w92auto line20 ulDisc">
		<volist name="pjlist" id="vo">
			<li><a href="__APP__/Blog/showDetail/id/{$vo['id']}" target="_blank"></a></li>
			<li><strong class="orange">{$vo['user']}</strong> <br />
			<a href="__APP__/Blog/showDetail/id/{$vo['id']}" target="_blank">{$vo['title']}</a></li>
			
		</volist>

	</ul>
</div>
</div>

<include file="./Tpl/default/Index/footer.html" />
</body>
</html>
